<template>
    <div>
        <h1>比较两个数字大小</h1>
        请输入第一个数字: <input type="number" v-model="number1"><br />
        请输入第二个数字: <input type="number" v-model="number2"><br />
        <button @click="compareNumbers">比较大小</button><br />
        <div>比较的结果：{{ result }}</div>

    </div>
</template>

<script>
export default {
    data() {
        return {
            number1: 0,
            number2: 0,
            result: ''
        }
    },
    methods: {
        compareNumbers() {
            if (this.number1 > this.number2) {
                this.result = '第一个数大于第二个数';
            } else if (this.number1 < this.number2) {
                this.result = '第一个数小于第二个数';
            } else {
                this.result = '第一个数等于第二个数';
            }
        }
    },

}
</script>

<style></style>